<template>
    <div class="grossContainer">
        <el-row>
            <el-button type="primary" icon="el-icon-plus" size="mini" @click="addSpectionEvent">添加我的笔记</el-button>
        </el-row>
        <el-table :data="tableData" style="width: 100%;margin-top:10px;" border class="tablesContainers">

            <el-table-column fixed label="操作" :width="device == 'mobile' ? 120 : 120" align="center">
                <template slot-scope="scope">
                    <el-button type="text" size="mini">查看</el-button>
                    <el-button type="text" size="mini">删除</el-button>
                </template>
            </el-table-column>


            <el-table-column prop="userId" label="教学库编号" width="120" align="center">
            </el-table-column>
            <el-table-column prop="avatar" label="病例编号" width="120" align="center">

            </el-table-column>
            <el-table-column prop="userName" label="笔记时间" width="120" align="center">
            </el-table-column>
            <el-table-column prop="phonenumber" label="笔记人" align="center">
            </el-table-column>
        </el-table>

        <!-- 添加检验指标 -->
        <!-- 新增教学库 -->
        <div class="registerDailog" v-if="addMynotesDailog">
            <addMynotes @close="closedDailog"></addMynotes>
        </div>
    </div>
</template>

<script>
import addMynotes from './addMynotes.vue';//检查指标
export default {
    name: 'standardInspection',
    components: {
        addMynotes
    },
    props: {

    },
    data() {
        return {
            addMynotesDailog: false,
            tableData: [
                {
                    id: 1
                }
            ],
        };
    },
    computed: {

        device() {
            return this.$store.state.device
        }
    },
    methods: {
        addSpectionEvent() {
            this.addMynotesDailog = true
            this.canScroll()
        },
        closedDailog() {
            this.canScroll()
            this.addMynotesDailog = false
        }
    },
};
</script>

<style scoped>
.registerDailog {
    z-index: 1000;
}
</style>
